$(function() {
    info();

    function info() {
        getQueryTopCategory();
        eventList();
    }
    //绑定一堆事件
    function eventList() {
        // 委托 
        $('.left').on('tap', 'li', function() {
            // 1 获取被点击的li标签所代表 一级分类id
            // 2 调用请求二级分类的方法(id)
            // 3 点击激活 排他
            // 4 二级分类 没有数据 给用户一个提示
            var id = $(this).data("id");
            getQuerySecondCategory(id);
            $(this).addClass("active").siblings().removeClass("active");
        })
    }
    //获得一级分类
    function getQueryTopCategory() {
        $.get(location.origin + "/category/queryTopCategory", function(ret) {
            var html = template("listTemp", { arr: ret.rows });
            $('.left').html(html);
            var id = ret.rows[0].id;
            getQuerySecondCategory(id);
        })
    }

    function getQuerySecondCategory(id) {
        var url = location.origin + "/category/querySecondCategory?id=" + id;
        $.get(url, function(ret) {
            if (ret.rows.length > 0) {
                var html = template("rightTemp", { arr: ret.rows });
                $('.right').html(html);
            } else {
                $('.right').html('没有更多数据了!!!!!!!!!');
            }
            console.log(ret);
        })
    }
})